<template>
    <div class="draggable no-draggable-children sticky top-0 p-3 mb-1.5 flex items-center justify-between z-10 h-header-height font-semibold bg-token-main-surface-primary max-md:hidden">
      <div class="absolute start-1/2 ltr:-translate-x-1/2 rtl:translate-x-1/2"></div>
      <div class="flex items-center gap-0 overflow-hidden">
        <div class="flex items-center">
          <span class="flex" data-state="closed">
            <BtnNewChart />
          </span>
        </div>
        <MenuModel />
      </div>
      <div class="gap-2 flex items-center pr-1 leading-[0]">
        <BtnLogin />
      </div>
    </div>
</template>
<script setup>

import BtnLogin from './components/BtnLogin.vue'
import MenuModel from './components/MenuModel.vue';
import BtnNewChart from './components/BtnNewChart.vue';
</script>
<style lang="scss" scoped>
</style>
